.headerBar{width: 100%;display: flex;height: 50px;align-items: center;justify-content: space-between;background: #222;}
.headerBar .logo{margin-left: 20px;}
.headerBar .header-nav{display: flex;justify-content: center;}
.header-nav li{padding: 0 20px;font-size: 12px;color: #b9b9b9;cursor: pointer;}
.header-nav li.active{color: #e5e5e5;font-weight: bold;}

.headerBar .login{margin-right: 20px;display: flex;}
.login a{display: block;width: 20px;height: 20px;background: url(../images/user-and-car.png);background-size: 40px 40px;margin: 0 10px;}
.login .user a{display: block;}
.login .user a:hover{background-position-x: -20px;}
.login .car a{display: block;background-position-y: -20px;}
.login .car a:hover{background-position-x: -20px;}

.navBar{width: 100%;height: 80px;border-bottom: solid 1px #e1e1e1;display: flex;align-items: center;box-shadow: 0 4px 10px 0 rgba(0,0,0,.05);background: #fff;position: relative;}
.nav{width: 1226px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}

.nav-cont{display: flex;font-size: 14px;}
.nav-cont li{margin-right: 30px;}
.nav-cont li a{color: #666;}
.nav-cont li.active a{font-weight: bold;color: #f00;}

.nav-list-box{position: absolute;top: 81px;left:0;width: 100%;background: #fff;overflow: hidden;z-index: 2;}
.nav-list-box .list-box{display: flex;justify-content: center;width: 100%;height: 300px;display: none;}
.nav-list-box .list-box{justify-content: center;}
.nav-list-box .list-box.detailed .list{margin-right: 40px;text-align: center;padding-top: 50px;}
.nav-list-box .list-box.detailed .list p{margin: 20px 0 10px;}
.nav-list-box .list-box.detailed .list span{color: #d44d44;display: block;}

.nav-list-box .list-box.classification{}


.search{display: flex;width: 300px;border-radius: 20px;height: 40px;border: solid 1px #ccc;padding-left: 30px;align-items: center;justify-content: space-between;}
.search input{border: none;background: none;outline: none;width: 88px;flex: 1;}
.search .tag{display: flex;align-items: center;border-radius: 15px;height: 30px;margin: 0 5px;font-size: 12px;}
.search .tag p{border-radius: 10px;height: 20px;margin: 0 5px;font-size: 12px;line-height: 20px;padding: 0 10px;}
.search .tag .tag1{color: #3965cc;background: #e5efff;border: 1px solid #93b2f7;}
.search .tag .tag2{color: #8aad37;background: #f7fae1;border:1px solid rgba(138,173,55,.6);}



.loginBox{position: fixed;left: 0;top:0;background: rgba(200,200,200,0.6);width:100%;height:800px;z-index: 999;display: none}
.login-register{width:400px;height:300px;position: absolute;left:0;right:0;top:200px;margin: 0 auto;background: #fff}
.login-register ul{
    line-height: 40px;text-align: center;display: flex;
}
.login-register ul li{flex: 1;background: #ccc;border-right: solid 1px black}
.login-register ul li.active{
    background: pink
}
.login-register .cont>div{
    height:100%;
    display: none
}
.login-register .cont>.sign-in{
    display: block;
}
